import React, {Component} from 'react'
import {Container} from '../../../ui/layout/Container'
import {ButtonLink} from '../../../ui/button/ButtonLink'
import {CONSTANTS} from '../../../../constants'

interface NotFoundPageProps {
  href?: string
}

class NotFoundPage extends Component<NotFoundPageProps, {}> {
  render() {
    const {href} = this.props
    return (
      <Container className={'height-100vh d-flex flex-column justify-content-center'}>
        <div className={'not-found-page'}>
          <span className={'not-found-page-number'}>404</span>
          <h2 className={'title-container'}>Страницы не существует</h2>
          <ButtonLink href={href ? href : CONSTANTS.webUrl} color={'primary'}>
            На главную
          </ButtonLink>
        </div>
      </Container>
    )
  }
}

export default NotFoundPage
